<template>
	<view>
		<swiper class="swiper" :style="{height:swiperHeight + 'px'}" :current="current" @change="change" >
			<swiper-item v-for="(item, index) in swiperPages" :key="'swiperKey' + index">
				<m-refresh  :scrollHeight="swiperHeight" ></m-refresh>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import mRefresh from "@/components/m-refresh/m-refresh.vue"
	export default {
		components:{
			mRefresh
		},
		data() {
			return {
			};
		},
		props:{
			current :Number,
			swiperPages: {
				type:Array,
				value:[]
			},
			swiperHeight:Number
		},
		methods:{
			change(e){ // 动画结束时会触发
				this.$emit('change', {
					detail: e.detail
				});
			}
		}
		
	}
</script>

<style>
	.swiper{
	   
	}
</style>
